@charset "utf-8";
/* Element */
    * {
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        border: none;
        background-color: transparent;
        -webkit-tap-highlight-color: transparent;
        font-family: "Microsoft YaHei", "微软雅黑", Heiti, "黑体", Arial, Helvetica, STHeiTi, sans-serif;

        -moz-box-sizing: inherit;
        -webkit-box-sizing: inherit;
        box-sizing: inherit;
    }
    html { -webkit-text-size-adjust: none; overflow-y: scroll; }
    a {
        text-decoration: none;
        display: block;
        width: 100%;
    }
    .a:active,
    .a:hover,
    a:active,
    a:hover { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
    img { max-width: 100%; }
    h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 500; }
    li,ol,ul { list-style: none; }
    em,i { font-style: normal; }
    del { text-decoration: line-through; }
    input,select,textarea { font-size: 100%; vertical-align: middle; }
    input,button,select,textarea { outline: 0; }
    input { width: 100%; border: 0 none; }
    textarea { resize: none; }
    table { border-collapse: collapse; border-spacing: 0; }
    caption,th { text-align: left; }
    address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 500; }
    html { font-size: 50px; }
    body { font-size: 24px; }

/* Global Public */
    body {
        background-color: rgb(240,240,240);
    }
    .body {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        position: relative;
        z-index: 1;
        background-image: url(../images/red.jpg);
        background-repeat: repeat;
    }
    .ModelBox_MAX,
    .ModelBox {
        max-width: 880px;
        height: auto;
        margin: 0 auto;
        position: relative;
    }
    .ModelBox_MAX {
        width: 100%;
    }
    .ModelBox {
        width: 87%;
    }

    .hover_cursor_pointer:hover { cursor: pointer !important; }

    .displayNone { display: none !important; }
    .displayBlock { display: block !important; }

    /* overflow ~~~ */
        /*overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话，则应该提供滚动机制。*/
        .overtouch { overflow-y: auto; -webkit-overflow-scrolling: touch; }
        /*盒子内容溢出时: 不进行处理*/
        .overflow-visible { overflow: visible !important; }
        /*盒子内容溢出时: 全部隐藏*/
        .overflow-hidden { overflow: hidden !important; }

    /* z-index ~~~ */
        .zix-min, .zix-f1 { z-index: -1 !important; }
        .zix-max, .zix-999 { z-index: 999 !important; }
        .zix-0 { z-index: 0 !important; }
        .zix-1 { z-index: 1 !important; }
        .zix-2 { z-index: 2 !important; }
        .zix-3 { z-index: 3 !important; }
        .zix-4 { z-index: 4 !important; }
        .zix-5 { z-index: 5 !important; }
        .zix-6 { z-index: 6 !important; }
        .zix-7 { z-index: 7 !important; }
        .zix-8 { z-index: 8 !important; }
        .zix-9 { z-index: 9 !important; }
        .zix-10 { z-index: 10 !important; }
        .zix-11 { z-index: 11 !important; }
        .zix-12 { z-index: 12 !important; }
        .zix-13 { z-index: 13 !important; }
        .zix-14 { z-index: 14 !important; }
        .zix-15 { z-index: 15 !important; }
        .zix-16 { z-index: 16 !important; }
        .zix-17 { z-index: 17 !important; }
        .zix-18 { z-index: 18 !important; }
        .zix-19 { z-index: 19 !important; }

    /* opacity ~~~ */
        /*透明度*/
        .opacity-0 { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
        .opacity-1 { filter: alpha(opacity=10); -moz-opacity: .1; opacity: .1; }
        .opacity-2 { filter: alpha(opacity=20); -moz-opacity: .2; opacity: .2; }
        .opacity-3 { filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3; }
        .opacity-4 { filter: alpha(opacity=40); -moz-opacity: .4; opacity: .4; }
        .opacity-5 { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
        .opacity-6 { filter: alpha(opacity=60); -moz-opacity: .6; opacity: .6; }
        .opacity-7 { filter: alpha(opacity=70); -moz-opacity: .7; opacity: .7; }
        .opacity-8 { filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; }
        .opacity-9 { filter: alpha(opacity=90); -moz-opacity: .9; opacity: .9; }
        .opacity-10 { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

    /* box-sizing */
        .boxSizing_borderbox {
            -moz-box-sizing: border-box !important;
            -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
        }
        .boxSizing_contentbox {
            -moz-box-sizing: content-box !important;
            -webkit-box-sizing: content-box !important;
            box-sizing: content-box;
        }
        .boxSizing_inherit {
            -moz-box-sizing: inherit !important;
            -webkit-box-sizing: inherit !important;
            box-sizing: inherit !important;
        }

    /* 字体样式 */
        .font-weight-bold { font-weight: bold !important; }

        .font-size-OneHalf { font-size: 1.5em !important; }
        .font-size-MIN { font-size: 6px !important; }
        .font_color_black { color: #000 !important; }
        .font_color_white { color: #fff !important; }
        .font_weight_bold { font-weight: bold !important; }

        .whiteSpace_nowrap {
            white-space: nowrap !important;
        }

        /* flex 和 box 内容: */
            .flex_row_center,
            .flex_col_center {
            }
            .flex_row_center>*,
            .flex_col_center>* {
            }
            .flex_col_center {
                flex-direction: column;
            }
            .flex_items_start {
                align-items: flex-start;
            }

            .flex_box {
            }
            .flex_box_item {
            }

        .ui-loader-default { display:none; }
        .ui-mobile-viewport { border:none; }
        .ui-page { padding: 0; margin: 0; outline: 0 }

    /* text */
        .textalign_center {
            text-align: center !important;
        }
        .textalign_left {
            text-align: center !important;
        }
        .textAutoNewline {
            word-wrap: break-word;
            word-break: break-all;
            white-space: pre-wrap;
        }

        .textDecoration_none {
            text-decoration: none !important;
        }
        .textDecoration_underline {
            text-decoration: underline !important;
        }

    /* position */
        .position_relative { position: relative !important; }
        .position_absolute { position: absolute !important; }
        .position_fixed { position: fixed !important; }

    /* box-shadow */
        .box_shadow {
            -moz-box-shadow: 0px 0px 4px #888888;
            box-shadow: 0px 0px 4px #888888;
        }
        .box_shadow_hover:hover {
            -moz-box-shadow: 0px 0px 4px #888888;
            box-shadow: 0px 0px 4px #888888;
        }

    /* user-select */
        .user_select_none {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            -ms-user-select: none !important;
            user-select: none !important;
        }
        .user_select_text {
            -webkit-user-select: text !important;
            -moz-user-select: text !important;
            -ms-user-select: text !important;
            user-select: text !important;
        }
        .user_select_all {
            -webkit-user-select: all !important;
            -moz-user-select: all !important;
            -ms-user-select: all !important;
            user-select: all !important;
        }
        .user_select_element {
            -webkit-user-select: element !important;
            -moz-user-select: element !important;
            -ms-user-select: element !important;
            user-select: element !important;
        }

/* Tools */
    /* 隐藏并且需要存在的盒子 */
    .HideExistBox {
        display: block !important;
        overflow: hidden !important;
        position: fixed !important;
        top: -1px !important;
        left: -1px !important;
        right: auto !important;
        bottom: auto !important;
        z-index: -999999999 !important;
        width: 1px !important;
        height: 1px !important;
        filter: alpha(opacity=0) !important;
        -moz-opacity: 0 !important;
        opacity: 0 !important;
    }

    /* 锁定窗口尺寸 一般使用在 html 和 body 元素上 */
    .LockWindowSize {
        display: block !important;
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    /* 加载Gif图片 */
    .LoadingGif {
        background-image: url('../images/html/icon_loading.png');
        background-size: 3em 3em;
        background-repeat: no-repeat;
        background-position: center;

        -webkit-animation: LoadingGifRotate 2s infinite linear;
        -moz-animation: LoadingGifRotate 2s infinite linear;
        -o-animation: LoadingGifRotate 2s infinite linear;
        animation: LoadingGifRotate 2s infinite linear;
    }
        @-webkit-keyframes LoadingGifRotate {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @-moz-keyframes LoadingGifRotate {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @-o-keyframes LoadingGifRotate {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @keyframes LoadingGifRotate {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

    /* 详细信息的扩展 */
    .DetailsExpanded {}
        .DetailsExpanded .UpperLayer {
            position: relative;
            z-index: 100 !important;
        }
        .DetailsExpanded.Show .Summary::before {
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 99;
            cursor: default;
            content: " ";
            background: transparent;
        }

    /* 悬浮固定 */
    .SuspensionFixationALLWindow {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        z-index: 0;
        cursor: default;
        background: transparent;
    }
    /* 绝对定位-水平垂直居中 */
    .AbsHorizontalVerticalCenter {
        display: block !important;
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -moz-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        position: absolute;
        z-index: 1;
    }

/* Auto Page Size */
    @media screen and (max-width: 320px) { html { font-size: 21.33px; } body { font-size: 9px; } }
    @media screen and (min-width: 320px) { html { font-size: 21.33px; } body { font-size: 9px; } }
    @media screen and (min-width: 360px) { html { font-size: 24.00px; } body { font-size: 9.50px; } }
    @media screen and (min-width: 384px) { html { font-size: 25.60px; } body { font-size: 10.00px; } }
    @media screen and (min-width: 400px) { html { font-size: 26.67px; } body { font-size: 11.00px; } }
    @media screen and (min-width: 480px) { html { font-size: 32.00px; } body { font-size: 12.00px; } }
    @media screen and (min-width: 540px) { html { font-size: 32.00px; } body { font-size: 14.00px; } }
    @media screen and (min-width: 650px) { html { font-size: 32.00px; } body { font-size: 16.00px; } }
    @media screen and (min-width: 750px) { html { font-size: 32.00px; } body { font-size: 16.00px; } }
    @media screen and (min-width: 880px) { html { font-size: 32.00px; } body { font-size: 16.00px; } }
    /* 手机端样式 */
    @media screen and (max-width: 1200px) {
        .Style_IsMobile_Hide { display: none !important; }
    }
    /* 电脑端样式 */
    @media screen and (min-width: 1200px) {
        .Style_IsPC_Hide { display: none !important; }
        .Style_IsPC_Opacity {
            filter: alpha(opacity=0) !important;
            -moz-opacity: 0 !important;
            opacity: 0 !important;
        }
    }
